<template>
  <view class="goodsfreight" v-if="all_price">
    <view>
      <view>{{ $t("submit.price") }}</view>
      <view>￥{{ all_price.all_goods_price }}</view>
    </view>
    <view v-if="all_price.goods_type == 0 && all_price.all_express_price > 0">
      <view>{{ $t("goods.freight") }}</view>
      <view>+ ￥{{ all_price.all_express_price }}</view>
    </view>
    <view v-if="all_price.all_delivery_price > 0">
      <view>{{$t('mdAdmin.money')}}</view>
      <view>+ ￥{{ all_price.all_delivery_price }}</view>
    </view>
    <view v-if="all_price.all_coupon_price > 0">
      <view>{{ $t("common.coupon") }}</view>
      <view>- ￥{{ all_price.all_coupon_price }}</view>
    </view>
    <view v-if="all_price.all_integral_price > 0">
      <view>{{ $t("clerk.integral") }}</view>
      <view>- ￥{{ all_price.all_integral_price }}</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    all_price: {
      type: Object,
      default: function () {
        return null;
      },
    },
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
view {
  color: #262626;
  font-size: 28rpx;
}
.goodsfreight {
  margin-top: 24rpx;
  padding: 30rpx 30rpx 0;
  background-color: #ffffff;
  > view {
    padding-bottom: 30rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    view:last-child {
      color: #f2270c;
      font-weight: bold;
    }
  }
  > view:first-child {
    margin-top: 0rpx;
    view:last-child {
      color: #262626;
      font-weight: bold;
    }
  }
}
</style>
